<template>
	<view class="competitiondetails">
		<navbar title="详情页" bgcolor="#6252DF" txcolor="#ffffff"></navbar>
		<view class="banner-nav">
			<image class="banner" src="https://yuchengpic.oss-cn-hangzhou.aliyuncs.com/img/003.png" mode="aspectFit"></image>
		</view>
		<view class="main p30">
			<view class="">
				<text class="tips-left fs28"> {{ '初赛'||'复赛' }} </text>
				<text class="fc222 fs32 bold ml20">青秀区国际艺术节比赛报名入口青秀区国际艺术节比赛报名入口</text>
			</view>
			<view class="acea-row row-between-wrapper mt30">
				<view class="acea-row row-middle fc666 fs26">
					<view class="iconfont icon-shijian fs28"></view>
					<view class="ml10">报名时间：2023-11-20至12-04</view>
				</view>
			</view>
			<view class="acea-row row-between-wrapper mt20">
				<view class="acea-row row-middle fc666 fs26">
					<view class="iconfont icon-shijian fs28"></view>
					<view class="ml10">报名时间：2023-11-20至12-04</view>
				</view>
			</view>
			<view class="acea-row row-between-wrapper">
				<view class="acea-row row-middle fc222">
					<view class="iconfont icon-wxbdingwei fs30 bold"></view>
					<view class="fs30 ml10">南宁市南宁体育中心</view>
				</view>
				<view class="daohang acea-row row-middle row-center themecolor mt20">
					<text class="iconfont icon-daohang"></text>
					<text class="fs24 ml10">导航</text>
				</view>
			</view>
			<view class="bor-bot mt30 mb30"></view>
			<view class="">
				<view class="fc333 bold fs36">个人信息</view>
				<view class="fc333 fs30 mt20">姓名：张顶尖</view>
				<view class="fc333 fs30 mt20">手机号：18554262265</view>
				<view class="fc333 fs30 mt20">年龄分组：儿童A组（6岁-8岁）</view>
				<view class="fc333 fs30 mt20">专业分组：打击乐</view>
				<view class="fc333 fs30 mt20">身份证号：54745674657657874587</view>
			</view>
		</view>
		
		<view class="p30 bgwhite mt20">
			<view class="acea-row row-middle">
				<view class="vline"></view>
				<view class="ml20 themecolor fs40 bold">比赛信息</view>
			</view>
			<view class="fs36 fc333 mt30">初赛结果：</view>
			<view class="list acea-row row-middle">
				<view class="bold fs30 fc666">第25名</view>
				<view class="acea-row row-middle">
					<view class="avatar">
						<image class="imgwh" src="https://yuchengpic.oss-cn-hangzhou.aliyuncs.com/img/002.png" mode=""></image>
					</view>
					<view class="acea-row row-column row-between ml10">
						<view class="acea-row row-middle">
							<view class="fs24 fc333 bold">张大大</view>
							<view class="tag1">晋级</view>
						</view>
						<view class="fs24 fc666 mt5">18554262265</view>
					</view>
				</view>
				<view class="fs32 themecolor bold" style="margin-left: 150rpx;">88分</view>
			</view>
			<view class="fc333 fs32 bold py30">评审点评记录</view>
			<view class="acea-row row-middle">
				<view class="acea-row row-column row-middle row-center">
					<view class="pingwei">
						<image class="imgwh" src="https://yuchengpic.oss-cn-hangzhou.aliyuncs.com/img/002.png" mode=""></image>
					</view>
					<view class="fc666 fs28 py20">88分</view>
					<view class="yuying acea-row row-middle row-center">
						<view class="iconfont icon-yuyin1"></view>
						<view class="fs24 fcwhite">1:30</view>
					</view>
				</view>
			</view>
			<view class="bor-bot mb30 mt30"></view>
			<view class="fs36 fc333">复赛结果：</view>
			<!-- <view class="acea-row row-middle row-center row-column">
				<image class="none" src="https://yuchengpic.oss-cn-hangzhou.aliyuncs.com/img/pagenone.png" mode="aspectFit"></image>
				<text class="fs30 fc888">暂无比赛结果</text>
				<text class="fs30 fc888">待评审放榜</text>
			</view> -->
			<view class="list acea-row row-middle">
				<view class="bold fs30 fc666">第25名</view>
				<view class="acea-row row-middle">
					<view class="avatar">
						<image class="imgwh" src="https://yuchengpic.oss-cn-hangzhou.aliyuncs.com/img/002.png" mode=""></image>
					</view>
					<view class="acea-row row-column row-between ml10">
						<view class="acea-row row-middle">
							<view class="fs24 fc333 bold">张大大</view>
							<view class="tag1">晋级</view>
						</view>
						<view class="fs24 fc666 mt5">18554262265</view>
					</view>
				</view>
				<view class="fs32 themecolor bold" style="margin-left: 150rpx;">88分</view>
			</view>
			<view class="fc333 fs32 bold py30">评审点评记录</view>
			<view class="acea-row row-middle">
				<view class="acea-row row-column row-middle row-center">
					<view class="pingwei">
						<image class="imgwh" src="https://yuchengpic.oss-cn-hangzhou.aliyuncs.com/img/002.png" mode=""></image>
					</view>
					<view class="fc666 fs28 py20">88分</view>
					<view class="yuying acea-row row-middle row-center">
						<view class="iconfont icon-yuyin1"></view>
						<view class="fs24 fcwhite">1:30</view>
					</view>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	let sysHeight = uni.getSystemInfoSync().statusBarHeight;
	import navbar from '../../components/navbar.vue';
	export default {
		components:{
			navbar
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	.competitiondetails{
		
		.tag{
			width: 80rpx;
			height: 30rpx;
			background: #FF0000;
			border-radius: 30rpx;
			color: #ffffff;
			font-size: 20rpx;
			text-align: center;
			line-height: 30rpx;
			margin-left: 5rpx;
		}
		.tag1{
			background: rgba(98, 82, 223, 0.3);
			width: 80rpx;
			height: 30rpx;
			text-align: center;
			line-height: 30rpx;
			color: #6252DF;
			border-radius: 30rpx;
			font-size: 20rpx;
			margin-left: 5rpx;
		}
		
		.banner-nav{
			
			.banner{
				width: 100%;
				height: 424rpx;
			}
			
		}
		.main{
			width: 100%;
			border-radius: 20rpx;
			margin-top: -50rpx;
			background-color: #ffffff;
			position: relative;
			
			.tips-left{
				width: 100rpx;
				height: 48rpx;
				border-radius: 20rpx 0 20rpx 0;
				background: #6252DF;
				text-align: center;
				line-height: 48rpx;
				color: #ffffff;
				display: inline-block;
			}
			
			.daohang{
				width: 144rpx;
				height: 60rpx;
				border-radius: 68rpx;
				background: rgba(98, 82, 223, 0.3);
			}
			
			.pic{
				width: 690rpx;
				height: 374rpx;
			}
			.title{
				line-height: 60rpx;
			}	
		}
		
		.list{
			margin-top: 30rpx;
			
			.levelicon{
				width: 90rpx;
				height: 72rpx;
				margin: 0 10rpx;
			}
			.paiming{
				width: 72rpx;
				height: 72rpx;
				background: rgba(133, 176, 246, 0.2);
				border-radius: 50%;
				text-align: center;
				line-height: 72rpx;
				display: block;
				color: #5E92E5;
				font-size: 32rpx;
			}
			.avatar{
				width: 70rpx;
				height: 70rpx;
				border-radius: 50%;
				overflow: hidden;
				margin-left: 50rpx;
			}
			.see{
				width: 132rpx;
				height: 52rpx;
				border-radius: 36rpx;
				text-align: center;
				line-height: 52rpx;
				color: #6252DF;
				background: rgba(98, 82, 223, 0.2);
				font-size: 20rpx;
				margin-left: 50rpx;
			}
		}
		.pingwei{
			width: 80rpx;
			height: 80rpx;
			border-radius: 50%;
			overflow: hidden;
		}
		.yuying{
			background: #43CB1D;
			width: 100rpx;
			height: 48rpx;
			border-radius: 12rpx;
		}
		.icon-yuyin1{
			color: #ffffff;
			font-size: 25rpx;
		}
		.none{
			width: 540rpx;
			height: 424rpx;
		}
		
	}
</style>
